<style>
.scroll-content {
    overflow: hidden;
    z-index: 10;
}
</style>
<ion-view view-title="周边游" class="home-wrap order-second-wrap order" ng-init="initOrder()">
    <style type="text/css">
        input[type="radio" i], input[type="checkbox" i]{
            background-color: #fff!important;
        }
    </style>
    <ion-content>
        <div class="order-info">
            <h1 class="t1">订单信息</h1>
            <div class="content-bg list-shortborder amountlist oneday-name">
                <ul>
                    <li>
                        <span class="f16">{{sendOrder.title}}</span>
                    </li>
                    <li class="disflex clearfix">
                        <div class="user-fav"><i class="iconfont  icon-check greenC" style="font-size: 20px;"></i><span class="f12">{{sendOrder.datetime*1000|date:'yyyy-MM-dd'}}</span></div>
                        <div class="user-fav"><i class="iconfont  icon-check greenC" style="font-size: 20px;"></i><span class="f12">成人 x {{sendOrder.adultnum}}</span></div>
                        <div class="user-fav mt10" ng-if="sendOrder.childernum"><i class="iconfont  icon-check greenC" style="font-size: 20px;"></i><span class="f12"> 1.2米以下儿童 x {{sendOrder.childernum}}</span></div>
                        <div class="user-fav mt10" ng-if="sendOrder.childnum"><i class="iconfont  icon-check greenC" style="font-size: 20px;"></i><span class="f12"> 1.2-1.4米儿童 x {{sendOrder.childnum}}</span></div>
                    </li>
                </ul>
            </div>
        </div>
        
            <div class="order-info no-dashed-info">
                <h1 class="t1">添加出行人信息（{{sendOrder.adultnum}}成人）</h1>
                <div class="content-bg list-shortborder amountlist" ng-repeat="info in sendOrder.adultArr track by $index">
                    <ul>
                        <li>
                            <span class="f14">姓名&nbsp;&nbsp;</span>
                            <input type="text" placeholder="须与证件上名字一致" ng-model="info.contact_name" >
                        </li>
                        <li>
                            <span class="f14">性别&nbsp;&nbsp;</span>
                            <div class="flex4">
                                <input type="radio" name="person-action" value="male" ng-model="info.sex" class="iconfont icon-man sex-style"  />
                                <input type="radio" name="person-action" value="female" ng-model="info.sex" class="iconfont  icon-woman sex-style"  />
                            </div>
                        </li>
                        <li>
                            <span class="f14">身份证&nbsp;&nbsp;</span>
                            <input  placeholder="请填写身份证号码" ng-model="info.identity_card">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="order-info no-dashed-info">
                <h1 class="t1" ng-if="sendOrder.childernum+sendOrder.childnum">添加出行儿童信息（{{sendOrder.childernum+sendOrder.childnum}}儿童）</h1>
                <div class="content-bg list-shortborder amountlist" ng-repeat="childinfo in sendOrder.childArr track by $index" ng-if="sendOrder.childArr">
                    <ul>
                        <li>
                            <span class="f14">姓名&nbsp;&nbsp;</span>
                            <input type="text" placeholder="须与证件上名字一致" ng-model="childinfo.contact_name" >
                        </li>
                        <li>
                            <span class="f14">性别&nbsp;&nbsp;</span>
                            <div class="flex4">
                                <input type="radio" name="person-action" value="male" ng-model="childinfo.sex" class="iconfont icon-man sex-style"  />
                                <input type="radio" name="person-action" value="female" ng-model="childinfo.sex" class="iconfont  icon-woman sex-style" />
                            </div>
                        </li>
                        <li>
                            <span class="f14">证件类型&nbsp;&nbsp;</span>
                            <div class="flex4">
                                <select ng-model="childinfo.birth" >
                                    <option ng-value="1">出生证</option>
                                    <option ng-value="0">护照</option>
                                </select>
                            </div>
                        </li>
                        <li>
                            <span class="f14">证件号码&nbsp;&nbsp;</span>
                            <input placeholder="请填写证件号码" ng-model="childinfo.identity_card" >
                        </li>
                        <li ng-if="childinfo.birth==1">
                            <span class="f14">出生年月&nbsp;&nbsp;</span>
                            <input type="date" placeholder="请填出生年月" ng-model="childinfo.birthday" >
                        </li>
                    </ul>
                </div>
                 <div class="content-bg list-shortborder amountlist" ng-repeat="childer in sendOrder.childerArr track by $index" ng-if="sendOrder.childerArr">
                    <ul>
                        <li>
                            <span class="f14">姓名&nbsp;&nbsp;</span>
                            <input type="text" placeholder="须与证件上名字一致" ng-model="childer.contact_name" >
                        </li>
                        <li>
                            <span class="f14">性别&nbsp;&nbsp;</span>
                            <div class="flex4">
                                <input type="radio" name="person-action" value="male" ng-model="childer.sex" class="iconfont icon-man sex-style"  />
                                <input type="radio" name="person-action" value="female" ng-model="childer.sex" class="iconfont  icon-woman sex-style"  />
                            </div>
                        </li>
                        <li>
                            <span class="f14">证件类型&nbsp;&nbsp;</span>
                            <div class="flex4">
                                <select ng-model="childer.birth" >
                                    <option ng-value="1">出生证</option>
                                    <option ng-value="0">护照</option>
                                </select>
                            </div>
                        </li>
                        <li>
                            <span class="f14">证件号码&nbsp;&nbsp;</span>
                            <input  placeholder="请填写证件号码" ng-model="childer.identity_card" >
                        </li>
                        <li ng-if="childer.birth==1">
                            <span class="f14">出生年月&nbsp;&nbsp;</span>
                            <input type="date" placeholder="请填出生年月" ng-model="childer.birthday" >
                        </li>
                    </ul>
                </div>
            </div>
            <div class="order-info no-dashed-info">
                <h1 class="t1">添加联系人信息</h1>
                <div class="content-bg list-shortborder amountlist">
                    <form name="infoForm">
                        <ul>
                            <li>
                                <span class="f14">姓名&nbsp;&nbsp;</span>
                                <input type="text" placeholder="请输入姓名" ng-model="sendOrder.contact_person" >
                            </li>
                            <li>
                                <span class="f14">手机号&nbsp;&nbsp;</span>
                                <input type="number" placeholder="请输入手机号" ng-model="sendOrder.contact_num" name="contact_phone" required ng-minlength="11" ng-maxlength="11">
                            </li>
                            <li>
                                <span class="f14">验证码&nbsp;&nbsp;</span>
                                <input type="number" placeholder="请输入验证码" ng-model="sendOrder.token" style="flex:2.5;">
                                <button class="weui_btn weui_btn_primary yanzhengma f14"  ng-disabled="!infoForm.contact_phone.$valid || time>0" ng-click="creatRandCode()">立即获取{{time>0?'('+time+')':''}}</button>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
            <div class="order-info no-dashed-info">
                <h1 class="t1">填写出发信息</h1>
                <div class="content-bg list-shortborder amountlist">
                    <ul>
                        <li>
                            <span class="f14">集合地&nbsp;&nbsp;</span>
                            <input type="text" placeholder="请输入出发地点" ng-model="sendOrder.venue" >
                        </li>
                        <li>
                            <span class="f14">出发时间&nbsp;&nbsp;</span>
                            <div class="flex4">
                                <select ng-model="sendOrder.tour_time" >
                                    <option ng-repeat="time in timeContainer" ng-value="time">{{time*1000|date:'HH:mm'}}</option>
                                </select>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="order-info no-dashed-info">
                <h1 class="t1">备注</h1>
                <div class="content-bg list-shortborder amountlist">
                    <textarea placeholder="若有特殊要求，请填写在此，我们会尽量安排" ng-model="sendOrder.order_remark"></textarea>
                </div>
            </div>
        <div class="agree-contract f12">
            <i class="iconfont icon-checked f13" style="vertical-align: middle;" ng-class="{true:'greenC',false:'grayC'}[confirmC]" ng-click="toggleConfirm()"></i><span style="vertical-align: middle;">&nbsp;点击去支付表示已阅读并同意<a ng-click="openModal()" class="blueC2">周边游合同和退改规则</a></span>
        </div>
    </ion-content>
    <ion-footer-bar align-title="left" class="bar-dark submitBar">
        <div class="mask" style="display: none;"></div>
        <div class="order-detail-wrap">
            <div class="order-detail">
                <h1>订单明细</h1>
            </div>
            <div class="detail-info-wrap">
                <div class="detail-info f16">
                    <ul>
                        <li>
                            <span>成人</span>
                            <p><span><em ng-bind="sendOrder.adultnum"></em> x</span><span class="orange">&nbsp;&nbsp;￥
                            <em ng-if="sendOrder.adultnum==0" ng-bind="0"></em>
                            <em ng-if="sendOrder.adultnum==1" ng-bind="sendOrder.one_price|number:2"></em>
                            <em ng-if="sendOrder.adultnum==2" ng-bind="sendOrder.two_price|number:2"></em>
                            <em ng-if="sendOrder.adultnum==3" ng-bind="sendOrder.three_price|number:2"></em>
                            <em ng-if="sendOrder.adultnum>=4" ng-bind="sendOrder.four_price|number:2"></em>
                            </span></p>
                        </li>
                        <li>
                            <span>1.2米以下儿童</span>
                            <p><span><em ng-bind="sendOrder.childernum"></em> x</span><span class="orange">&nbsp;&nbsp;￥
                            <em ng-if="sendOrder.adultnum==0" ng-bind="0"></em>
                            <em ng-if="sendOrder.adultnum==1" ng-bind="sendOrder.one_price*.7|number:2"></em>
                            <em ng-if="sendOrder.adultnum==2" ng-bind="sendOrder.two_price*.7|number:2"></em>
                            <em ng-if="sendOrder.adultnum==3" ng-bind="sendOrder.three_price*.7|number:2"></em>
                            <em ng-if="sendOrder.adultnum>=4" ng-bind="sendOrder.four_price*.7|number:2"></em>
                            </span></p>
                        </li>
                        <li>
                            <span>1.2-1.4米儿童</span>
                            <p><span><em ng-bind="sendOrder.childnum"></em> x</span><span class="orange">&nbsp;&nbsp;￥
                            <em ng-if="sendOrder.adultnum==0" ng-bind="0"></em>
                            <em ng-if="sendOrder.adultnum==1" ng-bind="sendOrder.one_price*.85|number:2"></em>
                            <em ng-if="sendOrder.adultnum==2" ng-bind="sendOrder.two_price*.85|number:2"></em>
                            <em ng-if="sendOrder.adultnum==3" ng-bind="sendOrder.three_price*.85|number:2"></em>
                            <em ng-if="sendOrder.adultnum>=4" ng-bind="sendOrder.four_price*.85|number:2"></em>
                            </span></p>
                        </li>
                        <li>
                            <span>英文导游</span>
                            <p><span></span><span class="orange">&nbsp;&nbsp;￥<em ng-bind="sendOrder.need_english==2?300.00:0"></em></span></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <span class="f14 light">总额:<em class="f20">￥<em ng-bind="totalprice(sendOrder,2)|number:2"></em></em></span>
        <div class="buttons">
            <span class="f16 detail showOrder">明细<i class="icon icon-arrow-left"></i></span>
            <button class="submitBtn weui_btn weui_btn_primary"  ng-click="goPay()">提交</button>
        </div>
    </ion-footer-bar>
</ion-view>
